<template>
    <Menu active-name="" theme="dark" width="auto" :class="menuitemClasses">
        <div v-for="(item,index) in list">
            <MenuItem v-if="item.type === 1" v-bind:name="item.id">
                <Icon v-bind:type="item.icon"/>
                <span>
                    <router-link :to="item.url">{{item.desc}}</router-link>
                </span>
            </MenuItem>
        </div>
    </Menu>
</template>


<script>
    import $ from '../../lib/util';
    export default {
        name: "LeftMenu",
        props: ['list'],
        data() {
            return {
                'menuItems': 'fsdfsd'

            }
        },
        mounted(){
        } ,
        computed: {
            menuitemClasses() {
                return [
                    'menu-item',
                    this.isCollapsed ? 'collapsed-menu' : ''
                ]

            }
        }
    }
</script>

<style scoped>
    a{
        color: white;
    }
</style>
